import React from 'react'
import "./sc.css";
import Swhter from "../swhter/swhter";
import SearchComponent from "../searchComponent/Seatrch";
import Sc from './sc'
import Tp from './tp'
import Wz from './wz'
import { Tabs } from 'antd';
import axios from 'axios'
const onChange = (key) => {
  console.log(key);
};
const items = [
  {
    key: '1',
    label: '图片',
    children: <>
    <Tp/>
    </>,
  },
  {
    key: '2',
    label: '素材',
    children: <>
    <Sc/>
    </>,
  },
  {
    key: '3',
    label: '文字',
    icon:'SSSS',
    children: <>
    <Wz />
    </>,
  },
];
function Materialsc() {
  return (
    <div className='box'>
      <div className='box1' style={{height:'360px'}}>
        <Swhter />

      </div>
      <div className="search">
        <SearchComponent />
      </div>
      <div className='tab'  style={{
      marginTop:"-55px"
      }}>
        <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
      </div>

    </div>
  )
}

export default Materialsc
